<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@taglib prefix="sf" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="StarKuz LeadGen - бесплатный онлайн-генератор целевых страниц">
    <meta name="keywords"
          content="целевые страницы, страницы захвата, посадочные страницы, подписные страницы, lead pages, landing pages">
    <link href="static/css/style.css" type="text/css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" media="all" href="static/css/code/reset.css"/>
    <link rel="stylesheet" type="text/css" media="all" href="static/css/code/960.css"/>
    <link href="static/css/custom-theme/jquery-ui-1.8.22.custom.css" type="text/css" rel="stylesheet">
    <script src="static/js/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="static/js/jquery-ui-1.8.22.custom.min.js" type="text/javascript"></script>
    <script src="static/js/sklib1.js" type="text/javascript"></script>
    <script src="static/js/highcharts.js" type="text/javascript"></script>
    <script src="static/js/data.js" type="text/javascript"></script>
    <script src="static/js/exporting.js" type="text/javascript"></script>
    <!--<script src="static/js/datepickr.js" type="text/javascript"></script>-->
    <script>
        $(function () {
            $('#contLeadsChart').highcharts({
                data: {
                    table: document.getElementById('datatable_lead')
                },
                chart: {
                    type: 'column',
                    width: 900,
                    height: 400
                },
                title: {
                    text: ''
                },
                yAxis: {
                    allowDecimals: false,
                    title: {
                        text: ''
                    }
                },
                tooltip: {
                    formatter: function () {
                        return '<b>' + this.series.name + '</b><br/>Количество: ' +
                                this.y;
                    }
                }
            });
            $(".bf220513").hide();
        });

        $(function () {
            $('#contCrtsChart').highcharts({
                data: {
                    table: document.getElementById('datatable_ctr')
                },
                chart: {
                    type: 'column',
                    width: 900,
                    height: 400
                },
                title: {
                    text: ''
                },
                yAxis: {
                    allowDecimals: false,
                    title: {
                        text: ''
                    }
                },
                tooltip: {
                    formatter: function () {
                        return '<b>' + this.series.name + '</b><br/>Количество: ' +
                                this.y;
                    }
                }
            });
        });
    </script>

    <title>StarKuz LeadGen - бесплатный онлайн-генератор целевых страниц</title>

</head>

<body>

<div id="wrapper">
<div id="content" class="container_12">

<div id="header">
    <div class="grid_6">
        <div id="logo">
            <p>
                <a href="index.html">
                    StarKuz LeadGen
                </a>
                <span class="beta">
                beta
                </span>
            </p>
        </div>
    </div>
    <div class="grid_6">
        <ul id="navigation">
            <c:if test="${not empty user}">
                <c:if test="${user.status eq 'admin'}">
                    <li id="admin" data-href="admin.html" class="hovMenu" title="Админка"><a href="admin.html"><img src="static/img/menu_up_right/freebsd.png" width="40" alt="Админка"/></a></li>
                </c:if>
                <li id="output" data-href="logout.html" class="hovMenu" title="Выйти"><a href="logout.html"><img src="static/img/menu_up_right/logout.png" width="40" alt="Выйти"/></a></li>
                <li id="userHome" class="hovMenu" title="Кабинет"><a href="userhome_lead.html"><img src="static/img/menu_up_right/user.png" width="40" alt="Кабинет"/></a></li>
            </c:if>
            <li id="ourContacts" class="hovMenu" title="Контакты"><a href="#"><img src="static/img/menu_up_right/starkuz_cont.png" width="40" alt="Контакты"/></a></li>
            <li class="hovMenu"><a href="blog.html" title="Блог"><img src="static/img/menu_up_right/blog.png" width="40" alt="Блог"/></a></li>
            <li id="aboutProj" class="hovMenu" title="О проекте"><a href="#"><img src="static/img/menu_up_right/about_project.png" width="40" alt="О проекте"/></a></li>
            <li class="hovMenu"><a href="http://starkuz.com/" title="StarKuz"><img src="static/img/menu_up_right/gotostarkuz.png"width="40" alt="StarKuz"/></a></li>
        </ul>
        <c:if test="${not empty user}">
            <p style="font-size: 14px; float:right;">
                Вы вошли под учетной записью
                <b>
                        ${user.login}
                </b>
            </p>
        </c:if>
    </div>
    <div class="clear"></div>
</div>

<div class="grid_6">
    <div class="newsTit">
        новости проекта:
    </div>
    <div class="newsDisc" id="newsProj">
        ${formField.projectNews}
    </div>
    <div class="versTit">версия проекта: ${formField.projectVersion}</div>
    <div class="newsDisc" id="servForCust"></div>
</div>
<div class="grid_6">
    <p style="font-size: 14px; text-align:right; margin-right: 30px;"> </p>
    <ul id="userPanel2">
        <li class="hovMenu">
            <a href="templates.html">
                <img src="static/img/specpanel/templates.png" width="40"
                     alt="Страницы Starkuz LeadGen"
                     title="Страницы Starkuz LeadGen"
                     style="border: 1px solid white; background-color: rgb(255, 255, 255);">
            </a>
        </li>
        <li class="hovMenu">
            <a href="userhome_info.html">
                <img src="static/img/user_home/userinform.png"
                     width="40" alt="Личная информация"
                     title="Личная информация"
                     style="border: 1px solid white; background-color: rgb(255, 255, 255);">
            </a>
        </li>
    </ul>
    <p style="font-size: 12px; text-align:center; margin-left:150px;">мои сайты</p>
    <ul id="userPanel">
        <li class="hovMenu">
            <a href="userhome_ctr.html">
                <img src="static/img/temp_img/ctr.png" width="40"
                     alt="Страницы перехода"
                     title="Страницы перехода"
                     style="border: 1px solid white; background-color: rgb(255, 255, 255);">
            </a>
        </li>
        <li class="hovMenu">
            <a href="userhome_orders.html">
                <img src="static/img/temp_img/orderPage.png" width="40"
                     alt="Страницы заказов"
                     title="Страницы заказов"
                     style="border: 1px solid white; background-color: rgb(255, 255, 255);">
            </a>
        </li>
        <li class="hovMenu">
            <a href="#">
                <img src="static/img/temp_img/leads.png" width="40"
                     alt="Страницы подписки" title="Страницы подписки"
                     style="border: 1px solid white; background-color: rgb(192, 192, 192);">
            </a>
        </li>
        <li class="hovMenu">
            <a href="userhome_laun.html">
                <img src="static/img/temp_img/launch.png" width="40"
                     alt="Страницы-ожидания события" title="Страницы-ожидания события"
                     style="border: 1px solid white; background-color: rgb(255, 255, 255);">
            </a>
        </li>
    </ul>
</div>
<div class="clear"></div>

<div class="grid_12">
    <div id="analitic">
        <h2>Мои сайты подписки</h2>
        <table id="datatable3" style="border:1px solid #000;">
            <thead>
            <tr>
                <th class="dataStyleH">Управление</th>
                <th class="dataStyleH">Название страницы</th>
                <th class="dataStyleH">Посетители</th>
                <th class="dataStyleH">Подисчики</th>
                <th class="dataStyleH">Конверсия (%)</th>
                <th class="dataStyleH">Отказы (%)</th>
                <th class="dataStyleH">Ссылка на страницу</th>
            </tr>
            </thead>
            <tbody>
            <%--то что будет повторяться в цикле, передается наюор юзеров, из которых можно тянуть все что есть в таблице--%>
            <c:forEach items="${leadsites}" var="leadsite" varStatus="status">
                <tr>
                    <td class="dataStyleH">
                        <a class="hovMenuP" href="edit_lead.html?id=${leadsite.id}"><img
                                src="static/img/user_home/editPage.png" alt="редактировать"
                                title="редактировать" width="25"></a>
                        <a class="hovMenuP" href="lead-host.html?id=${leadsite.id}" target="_blank"><img
                                src="static/img/user_home/web.png" alt="перейти на страницу"
                                title="перейти на страницу" width="25"></a>
                        <a class="hovMenuP" href="delete_lead_site.html?id=${leadsite.id}"
                           onClick="return window.confirm('Вы точно хотите удалить эту страницу?')"><img
                                src="static/img/user_home/deletePag.png" alt="удалить" title="удалить"
                                width="25"></a>
                    </td>
                    <td class="dataStyleH">${leadsite.titleTag}<span class="bf220513">_</span></td>
                    <td class="dataStyle">${leadsite.visits}</td>
                    <td class="dataStyle">${leadsite.leads}</td>
                    <td class="dataStyleConv"><fmt:formatNumber
                            pattern="##">${leadsite.conversion}</fmt:formatNumber></td>
                    <td class="dataStyleFail"><fmt:formatNumber
                            pattern="##">${leadsite.declines}</fmt:formatNumber></td>
                    <td class="dataStyleConv">
                        <a href="lead-host.html?id=${leadsite.id}" target="_blank">
                            www.starkuz.com/lg/lead-host.html?id=${leadsite.id}
                        </a>
                    </td>
                </tr>
            </c:forEach>
            </tbody>
        </table>

        <%--Собственно строится график по лидам--%>
        <div id="contLeadsChart"></div>
    </div>
</div>
<div class="clear"></div>

<div class="grid_10">
    <div style="margin-left:100px;">
        <!-- <sf:form method="POST" action="userhome_lead.html" commandName="setPeriod">
                        <sf:input path="startPeriod" id="datepick1" class="statPeriod"  />
                        <sf:input path="endPeriod" id="datepick2" class="statPeriod"  />
                        <input type="submit" class="periodBtn" value="Показать за период" />
                    </sf:form>-->
    </div>
</div>

<div class="grid_2">
</div>
<div class="clear"></div>

<div class="grid_12">
    <div id="about">
        <p>StarKuz LeadGen – бесплатный онлайн-генератор эффективных целевых страниц. Теперь любой желающий
            сможет создать качественный маркетинговый инструмент, не тратя драгоценное время на верстку и
            дизайн. Достаточно выбрать, отредактировать и сохранить понравившийся макет!</p>
    </div>
    <div id="contacts">
        <p>Все интересующие вопросы и предложения, пожалуйста, направляйте по указанному адресу:</p>
        <br>
        <%--<p>sanix@starkuz.com Александр</p>--%>
        <p>vovix@starkuz.ru Владимир</p>
    </div>
    <div id="outputWin">
        <p>Уже уходите?</p>
    </div>
    <div id="delPageWin">
        <p>Вы точно хотите удалить эту страницу?</p>
    </div>
</div>
<div class="clear"></div>

</div>
</div>

<div id="footer">
    <p>
        <small>&copy; 2013 StarKuz</small>
    </p>
    <!--<p>
        <small>Все права защищены и принадлежат Александру Лобову и Владимиру Юсупову</small>
    </p>-->
</div>
<!--<script type="text/javascript">
    new datepickr('datepick1', {
        'fullCurrentMonth': false,
        'dateFormat': 'Y-m-d'
    });
    new datepickr('datepick2', {
        'fullCurrentMonth': false,
        'dateFormat': 'Y-m-d'
    });
</script>-->
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
    (function (d, w, c) {
        (w[c] = w[c] || []).push(function () {
            try {
                w.yaCounter20729401 = new Ya.Metrika({id: 20729401,
                    webvisor: true,
                    clickmap: true,
                    accurateTrackBounce: true});
            } catch (e) {
            }
        });

        var n = d.getElementsByTagName("script")[0],
                s = d.createElement("script"),
                f = function () {
                    n.parentNode.insertBefore(s, n);
                };
        s.type = "text/javascript";
        s.async = true;
        s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js";

        if (w.opera == "[object Opera]") {
            d.addEventListener("DOMContentLoaded", f, false);
        } else {
            f();
        }
    })(document, window, "yandex_metrika_callbacks");
</script>
<noscript>
    <div><img src="//mc.yandex.ru/watch/20729401" style="position:absolute; left:-9999px;" alt=""/></div>
</noscript>
<!-- /Yandex.Metrika counter -->
<%--//скрытая таблица для отрисовки графиков страниц лидов--%>
<table id="datatable_lead" style="display: none;">
    <thead>
    <tr>
        <th class="dataStyleH">Название страницы</th>
        <th class="dataStyleH">Посетители</th>
        <th class="dataStyleH">Лиды</th>
    </tr>
    </thead>
    <tbody>
    <c:forEach items="${leadsites}" var="leadsite" varStatus="status">
        <tr>
            <th class="dataStyleH">${leadsite.titleTag}<span class="bf220513">_</span></th>
            <td class="dataStyle">${leadsite.visits}</td>
            <td class="dataStyle">${leadsite.leads}</td>
        </tr>
    </c:forEach>
    </tbody>
</table>
</body>
</html>